
 .getuserinfo {
  
  &-wrap{
    height: 100vh;
    padding-top: 100rpx;
    box-sizing: border-box;
    .bottom{
        position: fixed;
        left:0;
        right:0;
        bottom:0;
    }
    .logo{
      width: 260rpx;
      height: 230rpx;
      display: block;
      margin: 0 auto 170rpx;
    }
  }
   &-cp {
     
     color:#fff; 
     background: $my-main-color; ;
     font-size: 36rpx;
     line-height: 80rpx;
     height: 80rpx;
     z-index: 2;
     width: 556rpx;
     border-radius: 40rpx;
     &:after{
       border:none;

     }
   }
 }

.login {
   

    .wx-login {
      width: 150rpx;
      font-size: 24rpx;
      text-align: center;
      color: #686868;
      padding: 100rpx 0;
      margin: 0 auto;
      position: relative;

      .getuserinfo {
        width: 100%;
        height: 100rpx;
        position: absolute;
        top: 100rpx;
        left: 0;
        z-index: 2;
        opacity: 0;
       
      }

      text {
        display: block;
        padding: 10rpx 0;
        white-space: nowrap;
      }

      image {
        width: 100rpx;
        height: 100rpx;
      }
    }

    .submit {
      height: 80rpx;
      line-height: 80rpx;
      color: #fff;
      text-align: center;
      margin: 100rpx auto 0;
      width: 555rpx;
      display: block;
      background:#33cc33;
      border-radius: 10rpx;
      box-shadow: 0rpx 2rpx 15rpx 2rpx #33cc33;

    }

    &-group {
      padding: 10rpx 0;
      border-bottom: 1rpx solid #f0f0f0;
      position: relative;
      margin-bottom: 20rpx;
      display: flex;
      align-items: center;

      image {
        width: 40rpx;
        height: 40rpx;
        display: block
      }

      input {
        display: block;
        height: 70rpx;
        line-height: 70rpx;
        font-size: 30rpx;
        color: #808080;
        padding-right: 180rpx;
        box-sizing: border-box;
        padding-left: 30rpx;
        width: 100%;
      }

      .yzm {
        &_btn {
          height: 60rpx;
          line-height: 60rpx;
          width: 170rpx;
          color: #808080;
          border-radius: 10rpx;
          position: absolute;
          right: 0;
          top: 13rpx;
          font-size: 24rpx;
          padding: 0;
          background: #fff;
        }
      }

    }

    &-rule {
      color:#666;
      font-size: 26rpx;
      position: fixed;
      left:0;
      right:0;
      bottom:150rpx;
      text-align: center;
      line-height: 1;
      text{

          color:#3366cc;
          padding:0 5rpx;
      }
      .checkbox{
           margin-right: 6rpx;
          .wx-checkbox-input{
                width: 26rpx;
                height:26rpx;
                vertical-align: top;
           
          }
          .wx-checkbox-input.wx-checkbox-input-checked::before {
            width: 26rpx;
            height: 26rpx;
            line-height: 26rpx;
            text-align: center;
            font-size:26rpx;
            color:#333;
           
          }
          
      }
     
    
    }

   




  }

  .getPhoneNumber{
    &-wrap{
      position: fixed;
      top:0;
      left:0;
      bottom: 0;
      right:0;
      z-index: 99;
      background: rgba(0,0,0,0.4);;
    }
    &-box{
      position: fixed;
      top:20%;
      left:50%;
      margin: 0 auto;
      width: 556rpx;
     
      transform: translateX(-50%);
      background: #fff;
      z-index: 100;
      border-radius:10rpx;
      overflow: hidden;
      .title{
        text-align: center;
        line-height: 1;
        font-size:38rpx;
        padding: 35rpx 0  25rpx;
        color:#333;
        margin-bottom: 20rpx;
        border-bottom: 1px solid #ececec;
        margin-bottom: 40rpx;
      }
      .icon{
        height: 102rpx;
        width: 102rpx;
        margin: 0 auto 30rpx;
        image{
          height: 102rpx;
          width: 102rpx;
        }

      }
      .txt{
        text-align: center;
        font-size:28rpx;
        color:#333;
        margin-bottom:30rpx;
        line-height: 1;
      }
      .desc{
        text-align: center;
        font-size:28rpx;
        color:#333;
        margin-bottom:30rpx;
        line-height: 1;
      }
      .btns{
        display: flex;
     
        margin: 0 auto;
        border-top:1px solid #ececec;
      }
      button{
      
        display: block;
        height:100rpx;
        line-height:100rpx;
        width: 45%;
        font-size:38rpx;
 
        background: transparent;
        color:#33cc33;
        box-sizing: border-box;
        border-radius: 0;
        &:after{
          border:none;
        }
      }
      .cannel{
        border-right: 1px solid #ececec;
        color:#333;
      
      }
    }
  }